4000-888-103

资讯动态插画设计分类及学习技巧分享资讯详情

插画设计分类及学习技巧分享

2019-07-09 14:10:44

  写在前面

  大家好,我是 Arche 阿北~今年年初开始接触手绘插画,在不断学习的过程中也不断地积累,在UI中国等平台上发布了四个系列的插画,很荣幸地得到了平台的推荐以及小伙伴们的喜欢,能带给你们快乐愉悦的感受和创作的激情我也十分开心O(∩_∩)O

  在和很多小伙伴的交流中,感知到一些插画学习中的迷茫和共有的困惑,遂想把自己的一些想法和方法记录下来分享给大家,希望能为大家开启画画 Buff,感受画画带来的快乐~

  下面我结合个人的一些点滴经验为大家分享一下插画的现状、插画的学习方法、高端h5优质资源以及创作的技巧。希望给想入行插画设计的小白同学们一点建议,给喜好插画的你有点点帮助,如果是插画大神请忽略,如有不足之处希望大家留言补全和指正,谢谢大家!

  一,惊鸿一面始相逢(插画领域及相关工作)

   

  1. 插画于我

  我对插画的认知,大致可分为两个阶段,也就是工作前和工作后,工作前以传统的出版类为主,工作后以互联网的视觉类为主。

  工作前,大概是高中和大学的时候,接触最多的是夏达的漫画、几米的绘本、伊吹五月的同人插图绘本以及丁一晨的条漫,那时候以印刷品为主,算是插画的最早启蒙。

  


  工作后则多为互联网的视觉类,最早认识和知道的插画领域的前辈有旺旺Mandy、Erics、冬不拉dong、少年夹子、饭太稀等。

  


  所以在我看来,h5设计插画领域的工作可以基本分为两大类:线下的传统平面印刷出版,以及线上的互联网视觉设计。

   

  2. 传统的印刷类

  绘本类

  儿童插画:有故事性、导向性,多为知名童话故事改编或原创性童话故事。

  同人插画:电影、游戏、动漫、书籍等主题的同人类插画作品,具有欣赏和珍藏价值。

  原创绘本:多为有故事性、主题性的插画作品,个人风格明显。

  广告类

  常见于流行市面的招贴广告、海报、宣传单等,早期美观度不足,现在在逐渐改善。

  刊物类

  报纸、杂志、书本等的内页插图设计,封皮插图设计,文章配图设计等。

  包装类

  产品外包装类的应用也越来越广,最著名的如农夫山泉的各种主题系列包装,其他还有三只松鼠等食品类包装,百雀羚等美妆类包装设计。

    3. 互联网视觉类

  UI设计师

  Logo&icon:节日换肤、偏向写实的插画风格 icon 等。

  APP:开屏界面、节日开屏页面、新手引导页面、内容缺省页面等。

  WEB:登录页面、官网设计手绘元素、产品介绍等。

  


  视觉设计师(运营+品牌)

  H5:线上宣传类海报及H5小游戏,前者鲜明活泼具有吸引力,后者有故事性、设计感及传播价值和现实意义。

  活动页面设计:电商类的店铺活动页面也越来越多的用到手绘元素(同时越来越受欢迎的还有C4D),特点是主题突出、氛围感强,制作周期短,整体版式很重要。

  品牌形象:吉祥物、品牌形象、LOGO、表情包、线下延展等。

  


  商业插画师(自由设计师)

  类似运营设计师,为某一商品或品牌服务,产出物为线上或线下物料,设计师个人ID 和品牌ID 互相影响、相辅相成。

  


  游戏设计师

  CG类游戏原画师,包括游戏场景设定、人物设定、图标和界面设定等多方面的内容。

  


  二、琳琅满目比比是(流行风格及优质资源)

   

  1. 目前较流行的插画风格

  涂鸦插画

  线形或面形涂鸦风格的插画,特点是张扬随意、年轻大胆,凌乱却有章,简单又粗暴,用于H5宣传海报或部分LOGO设计。

  


  描边插画

  线面结合的表现形式,在H5中运用的越来越多,同时我认为MBE风格的小插画也属于这个范畴。

  


  矢量渐变插画

  矢量渐变插画以渐变场景插画为代表,色彩或优美柔和,或强烈鲜明,整体感强,美观度高,手机APP开屏页面中会见到这样的插画。

  


  扁平插画

  和扁平图标一样,扁平插画是去除了很多质感、纹理,只保留主要特点的一类插画,大色块、简约造型是它的基本特点,在手机APP和网页中比较常见。

  


  肌理插画

  肌理插画本质上还是属于扁平插画的范畴,用颗粒感制造纹理,一般将颗粒应用在受光面和背光面,增加画面的细节和美观性,让画面更加耐看,运营类插画中这一类技法比较常见h5网

  


  手绘插画

  手绘插画本身也包含着各种风格,和主体的造型、颜色配比、主题传达息息相关,在开屏页和活动页比较常见。

  


  立体插画

  从去年开始出现越来越多的2.5D插画,在网页设计、APP启动页比较常见,轻微的透视感增强了画面的趣味性,能更好地进行信息传达。

  


    2. 资源分享

  网站

  25学堂的插画素材资源:https://www.25xt.com/works/illustrations

  插画师(国内+国外)

  国内:风绽、erics、插画师卷耳、冬不拉dong、Y园糖、森妮、Littlehmxx、吾空空kongkong、Ciao大榴莲、biiig_bear、Diable咔咔、布林YQ、碧绿色的兔子seven、Tsuyu鱼猫、Paco_Yao、卤猫、饭太稀等。

  国外:Cami、garethlucasart、Tom Clohosy Cole、Benjamin Flouw、Dung Ho、Ahmet Iltas、Hannah sun、ranganath krishnamani、Brian Miller、Slawek Fedorczuk、mori_raito、anneliesdraws、Akira Kusaka、Mark Boardman、Tristan Gion。

  


  三、源头活水清如许(学习思路和分析方法)

    1. 分析

  一般插画分析方法:主题+构图+造型+配色+氛围+肌理+创意

  系列插画创作要点:保持主题、造型、肌理三个基本点的一致性

  主题

  画面主题以及作者采用了什么元素去阐述主题。

  在这个过程中可以进行一个情绪板的管理,是一个头脑风暴的过程,发散的层次越多,越能找到一些有创意、新奇的想法。

  比如定一个主题叫做四季,也许第一层我们会想到春夏秋冬四个季节的气候,如春雨、夏日、秋风、冬雪。深一层可能会想到四季的植被、衣物、食物。再深一个层次,可能会想到四个季节中分别能体现季节特征的节日或节气。继续深入,四季是否也可以看作人的一生,春生、夏荣、秋瑟、冬萧,然后对应到戏曲中的生、旦、净、末?我举的例子未必恰当,你能理解我的意思就好。

  日常工作和生活中画画的灵感从哪里来?

  固定的事物:二十四节气、十二月份、东西方节日、放假开学等;

  二次创作:童话故事、神话元素、电影电视、音乐绘画、同人作品等;

  生活感悟:亲情、朋友、爱情、独处、社会热点,对人性等的思考。

  


  构图

  常见的构图有水平线、垂直线、斜线、环形、对称、S、C、平铺、俯视、平视等,根据画面主题和预期的效果进行构图。切忌主体太小、太偏、喧宾夺主等行为。

  


  造型

  动物、人物、静物等的造型因为作者不同、感悟不同而有不同的形态特征,毕竟「一千个读者眼中有一千个哈姆雷特」。

  对于这部分进行分析的同时也要去积累,他山之石可以攻玉,多多积累总有用得着的一天。比如同样是画一个人,他的五官、四肢、比例、头发会有很多种画法,而你要做的是不断积累,去整理自己的素材库,去学习更多的表现形式以备不时之需。

  收藏素材的方式可以以人物 + 动物 + 植物 + 静物 + 风景 + 建筑 + 色彩 + 创意等分类。

  


  配色

  配色的方式有千千万万种,常见的配色方式有单色、同色系、邻近色、对立色、互补色、分散互补色等。

  我比较习惯的方法是用追波的色卡和 eagle 的色板,在花瓣中也会收藏很多配色用在自己的创作中。

  快速得到同一色系的色彩方法,控制明度和纯度保持统一,改变色相即可,即H值改变,SB值不变。

  


  氛围

  氛围的塑造和颜色有关,更和光线有关,三大面背光面、受光面、侧光面一定要分清楚。如果希望画面更有细节也要注意到高光、灰部、明暗交界线、反光和投影,这些内容并不是都要在画面中体现,但是体现的多一层,则画面的丰富程度就加深一层,更耐看一点。

  建议收集一些光感强的插画去欣赏和研究。如果想突出氛围,在创作的过程中可刻意去塑造光,但是注意不要影响到主题的表达。

  


  肌理

  肌理是区分不同画风的重要手段之一,每个人都会有自己不同的使用习惯和刻画习惯,而商业插画作品也习惯性的叠加一些纹理来增加画面的细节,是比较普遍实用的方式。

  


  创意

  其实每一张插画都是作者的创意成果,但是为什么有的画作让人觉得炫酷、有创意,而有的插画只是好看、舒服呢?和构图、造型等也有很大的关系,常见的创意手法有夸张、对比、超写实等,是为主题服务的另一种强有力手段。

  


  2. 图层

  我几乎所有插画作品的图层分类都是 FG+MAN+BG,也就是前景、人物和背景。在画画的过程中我认为图层越多越好,方便修改和创意叠加,背景用来渲染大的氛围和基本基调,人物承担着表达主题的重要任务,前景多采用静物、植物等元素去衬托主体人物。

  3. 过程

  仅仅从我一贯的作品中分析,画画的过程就是从草稿开始,然后铺大色块,线条区分结构的同时进行投影部分的刻画,点状(小面或小线)增加细节,最后去塑造一些纹理和质感。

  四、万里路携万卷书(绘画演示及技巧分享)

    1. 构思、脑暴阶段

  得到主题,进行头脑风暴,联想到相关元素,进行大致的构思,并且尽量让自己的画面当中具有一定的故事性,提升一个层次。

  


    2. 草图阶段

  在草图阶段解决构图、造型、色调的黑白灰处理等大致情况,这个阶段可以在纸上进行,也可以在 ps 中建立一个线稿的图层。

  


    3. 上色阶段

  铺大色调,这时候建议开启一个黑白图层去看一下整体的明暗关系,可以及时调整。

  


    4. 细节塑造

  这时主要考虑到光源、氛围、质感纹理的的塑造,一层层去深入刻画,建议齐头并进,一起进行深入刻画,得到一种随时可以停下来不画,又随时可以继续深入刻画的阶段。

  


    5. 整体调节

  用 ps 自带的滤镜 camera raw 去调节整体的色调,完成最后的美化。

  


  复习一下整个作画过程。

  主题:

  题目:四季 – 冬天;

  关键词:萧索、凋零;

  色调:一般都用冷色调表示冬天,所以采用带有灰度的暖系倾向色系;

  定位:清新、安静、生活化;

  联想:晴朗的冬日早晨,阳光洒在身上是凉凉的感觉,穿过小巷拿起晨报,准备走河边小路回家,这时发现家里的猫跟在身后;

  根据个人喜好和商业硬性要求增加一些元素,使得故事性更强。

  构图:斜线构图,使得画面更有动感和故事性。同时注意主体的位置不要太偏太小,用九宫格的方法确定主体位置。

  造型:

  主体:大胖妞,头小身子大,简化四肢;

  元素:人物、猫咪、远山、河流、植物;

  尽量采用偏向几何化的图形进行绘制,不要让画面太繁琐复杂。

  配色:冬天萧条的感觉,铺大色块,看黑白灰关系,新建一个调整图层,常用色阶、曲线、黑白、对比度;60灰色+30略灰+10高纯度。

  氛围:冷、雪花

  肌理:干画笔

  创意:人物夸张表现

  作画技巧:

  1,png、jpg图片纹理变成笔刷或图案叠加;

  2,干画笔大面积刷出质感+锁定透明像素换色;

  3,干画笔干蹭制造纹理感;

  4,暗部方式同色正片叠底/色谱右下方;

  5,锁定透明像素或剪切蒙版;

  6,开黑白图层看整体的黑白灰关系;

  7,制造纹理边缘的快速方法:正常笔刷刷上去(如粉笔、蜡笔),选区删除,用有肌理的笔刷平铺。好处是有选区不会刷到外面,大笔刷边缘可以拥有同样的质感。

  


 


上一页 下一页

0
↑ 回到顶部

热门推荐

发送
//www.weibenh5.com/newhome/images/manman.png